initial-scale=1.0meta http-equiv=X-UA-Compatible content=ie=edgetitle下拉菜单/title/headstyle/*重置浏览器默认样式*/* {padding: 0;margin: 0;font-family: Microsoft YaHei;list-style: none;}#main {width: 100%;background: #3c3c3c;}/* 清楚浮动，使div盒子能被撑起来 */.clearfix:after {content: ;display: block;height: 0;visibility: hidden;overflow: hidden;clear: both;}.menu {position: relative;margin-left: 8%;}/* 每一个li标签的样式 */.menu li {width: 130px;height: 40px;/* 行内高度 */line-height: 40px;/* 文字居中 */text-align: center;margin-left: 4%;}.menuli a {text-decoration: none;color: #2aabd2;}.menuli {/*让一级菜单的li浮动*/float: left;}/* 二级菜单样式 */.second-menu {/* 将二级菜单隐藏 */display: none;position: absolute;}/* hover属性。

将对应li标签的耳机菜单显示，鼠标移动到li标签上触发， 首先我们先来看一下效果图： （推荐教程： html教程 ） 完整代码： !DOCTYPE htmlhtml headmeta charset=UTF-8meta name=viewport content=width=device-width，更多请关注红联其它相关文章！ ，移开后恢复到原来样式 */.menu li:hoverul {display: block;}.second-menu li a {color: #0c0c0c;}.second-menu {background: #5a5959;}/* 三级标签样式 */.third-menu {display: none;background: #5a5959;position: absolute;/* 相对于其父标签（二级标签）进行绝对定位 */margin-left: 125px;margin-top: -40px;}/* 三级菜单下的 a标签文字颜色 */.third-menu li a {color: #54afec;}.second-menu li:hover ul {display: block;}/style bodydiv id=mainul class=menu clearfixlia href=#联系我们/a/lilia href=#公司掠影/aul class=second-menu clearfixlia href=https://www.adminbuy.cn/版权声明/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ullia href=https://www.adminbuy.cn/在线留言/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ul/lilia href=https://www.adminbuy.cn/技术支持/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ul/li/li/ul/lilia href=#新闻中心/aullia href=https://www.adminbuy.cn/版权声明/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ullia href=https://www.adminbuy.cn/在线留言/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ul/lilia href=https://www.adminbuy.cn/技术支持/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ul/li/ul/lilia href=#版权声明/a/lilia href=#在线留言/aullia href=https://www.adminbuy.cn/版权声明/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ullia href=https://www.adminbuy.cn/在线留言/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ul/lilia href=https://www.adminbuy.cn/技术支持/aul class=third-menu clearfixlia href=https://www.adminbuy.cn/1/a/lilia href=https://www.adminbuy.cn/2/a/lilia href=https://www.adminbuy.cn/3/a/li/ul/li/ul/lilia href=#技术支持/a/li/ul/div/body /html 以上就是利用html实现一个三级菜单的详细内容，。